<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>file</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>

        /* 1.点击查询按钮调用该方法读取文本值
        2.拿到文本值后执行ajax
        3.把文本值给到week参数去接口查询
        4.找到对应的week，输出到页面
        
        */
        function search() {
            var week = $("#week_id").val(); //获取输入框的文本值
            $.ajax({

                url: "http://localhost:9090/huguisheng/data",
                type: 'POST',
                dataType: 'json',
                data: "week=" + week, //已存在的变量用双引号标明
                //timeout: 50,//请求时间
                //hgs 是请求成功收到的所有数据 
                success: function (hgs) {
                    if (hgs.status == 0) { alert(hgs.msg); }//判断请求是否成功
                    else {
                        $("#msg").html(hgs.msg); // 找到msg信息传递给div中id为msg，使用id选择器记得加#
                        $("#data").html(hgs.data.week);
                        var hgs3 = hgs.data.data; // 把最里面的数据data给hgs
                        $("#fileBox").empty(); //查询一次后清空列表
                        // TODO 遍历出数组的列表 
                        $.each(hgs3, function (k, v) {//k 是数组索引下标，v是数组里面的值
                            $('#fileBox').append('<li>' + "<a href= '" + v.url + "'>" + v.name + "</a>" + '</li>');
                        }
                        );
                    }
                }, error: function (xhr) {
                    alert("错误提示：" + xhr.status + " " + xhr.statusText);
                }
            }
            )
        }






                    // var a = "<a ";
                    // var b = "</a>";
                    // var c = "href='";
                    // var d = "'>"; 字符串拼接

                    // var e = a + c + hgs2.url + d + hgs2.name + b;
                    // "< a href=" + hgs2.url + ">" + hgs2.name + "</a>"


                    // var f = "<a href= '" + hgs2.url + "'>" + "电影地址" + hgs2.name + "</a>"; //href后面必须加''
                    // $("#url").html(f);
                    // console.log(f);

    </script>
</head>

<body>

    <input id="week_id" type="text"></input>
    <button onclick="search()">查询</button>
    <div id="data"></div>

    <div id="file">
        <ol id="fileBox" type='1'>


        </ol>

    </div>







</body>


</html>